.software-work-view{
    .animate{
        animation-name: fade-in-out;
        animation-duration: 0.3s;
        animation-timing-function: ease-in-out;
    }

    @keyframes fade-in-out {
        0%{
            opacity: 0;
        }
        50%{
            opacity: 0.5;
        }
        100%{
            opacity: 1;
        }
    }

    .work-info-top{
        box-shadow: 2px 2px 10px #eee;
    }


    .appendix:hover{
        background-color: rgba(245, 245, 245, .8);
        border-radius: 6px;
        padding: 10px;
        cursor: default;
    }

    .top-box {
        position: relative;
        width: 100%;
        margin-top: 10px;
    }

    .top-bg {
        width: 100%;
        height: 300px;
        background-repeat: no-repeat;
        background-size: cover;
        background-position-y: center;
        filter: blur(6px);
    }
}



